.starter-container {
    display: flex;
    width: 100%;
    height: 580px;
    gap: 30px;

    .starter-bg {
        flex: 2;
        min-width: 330px;
        background-color: #1e192c;
        color: #fff;
        border-radius: 8px 0 0 8px;
        position: relative;

        .starter-icon {
            position: absolute;
            top: 5%;
            left: 5%;
        }

        .starter-title {
            position: absolute;
            top: 15%;
            left: 15%;

            div {
                color: #ccc;
            }
        }
        .starter-logo {
            position: absolute;
            bottom: 5%;
            right: 5%;
            max-width: 90%;
            // width: 180px;
        }
    }

    .starter-form {
        flex: 3;
        overflow-y: auto;
        overflow-x: hidden;
        margin-top: 35px;

        .starter-close {
            position: absolute;
            top: 10px;
            right: 15px;
            cursor: pointer;
            width: 25px;
            height: 25px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 5px;
            // &:hover {
            //     background-color: #eee;
            // }
        }
    }
}